<!DOCTYPE html>
<!-- saved from url=(0049)http://115.28.147.154/accounts/login/?next=/navi/ -->
<html style="height: auto;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CMDB Login</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    {#  <link rel="stylesheet" href="/web/static/css/bootstrap.min.css">#}
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <!-- Font Awesome 4.7.0 -->
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <!-- Ionicons 2.0.1-->
    <link rel="stylesheet" href="/static/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">

    <link rel="stylesheet" href="/static/css/skin-yellow-light.css">
    <link rel="stylesheet" href="/static/css/loading.css">
    <!-- REQUIRED JS SCRIPTS -->

    <!-- jQuery 2.2.3 -->
    <script src="/static/js/jquery-2.2.3.min.js"></script>
    <!-- Bootstrap 3.3.6 -->
    <script src="/static/js/bootstrap.min.js"></script>
    <!-- AdminLTE App -->
    <script src="/static/js/app.min.js"></script>

    <!-- Optionally, you can add Slimscroll and FastClick plugins.
         Both of these plugins are recommended to enhance the
         user experience. Slimscroll is required when using the
         fixed layout. -->

    <script src="/static/js/icheck.min.js"></script>
    <link rel="stylesheet" href="/static/css/blue.css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
    <link type="text/css" rel="stylesheet" href="chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/content.css">
</head>
<body class="login-page" style="height: auto;">
<div class="login-box">
    <div class="login-logo">
        <a href="http://115.28.147.154/"><b>AutoCMDB</b></a>
    </div>
    <div class="box box-info">
        <div class="box-header with-border">
            <h3 class="box-title">用户认证</h3>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        <form class="form-horizontal" role="form" action="" method="POST">
            {% csrf_token %}
            <div class="box-body">
                <input type="hidden" name="csrfmiddlewaretoken"
                       value="FuhN0W1kFvQwQzwHkrzJHmSb8SZt8NakQbS64tbvDAbZnEl5e5byydm2DGJSgfVl">

                <div class="form-group">
                    <label class="control-label col-md-3">用户名</label>
                    <div class="col-md-8">
                        <input type="text" name="username" required="" class="form-control" id="id_username">
                    </div>
                    <div class="col-md-offset-1 col-md-10">

                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-md-3">密码</label>
                    <div class="col-md-8">
                        <input type="password" name="password" required="" class="form-control" id="id_password">
                         <span style="color: red" id="msg">{{ msg }}</span>
                    </div>
                    <div class="col-md-offset-1 col-md-10">
                    </div>
                </div>

            </div>
            <!-- /.box-body -->
            <div class="box-footer">
                <input type="hidden" name="next" value="/navi/">
                <button style="width: 340px;" type="submit" class="btn btn-info pull-right">登录</button>
            </div>
        </form>
    </div>

</div>

<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
    setTimeout('$("#msg").text("")',2000);
</script>
</body>
</html>